#api-doc {
    position: relative;
}

h3 {
    margin-top: 2rem;
}

#demos {
    top: 4.5rem;
}

#invoke-url {
    position: relative;
    border-top: 0.1rem solid #EEEEEE;
    border-bottom: 0.1rem solid #EEEEEE;
    line-height: 5rem;
}

#invoke-url > app-selector {
    margin-right: 0.5rem;
}

#invoke-url-span {
    font-size: 1.8rem;
    margin-right: 2rem;
    font-weight: bold;
}

#url-right-btns {
    position: absolute;
    top: 0;
    right: 1rem;
}

#url-right-btns > .btn {
    margin: 0 0.5rem;
}

#invoke-tab {
    margin-top: 1rem;
    margin-bottom: 4rem;
}

.tab-content .editable-table tr .material-icons {
    display: none;
    opacity: 0.5;
    cursor: pointer;
    font-size: 2rem;
}

.tab-content .editable-table tr:hover .material-icons {
    display: inherit;
}

#demos > .material-icons {
    cursor: pointer;
    font-size: 3rem;
}

::ng-deep #invoke-save-dialog {
    width: 40rem;
    height: 20rem;
}

::ng-deep #invoke-save-dialog .row {
    line-height: 3rem;
    margin: 1rem 0;
}

::ng-deep #invoke-save-dialog input[type='text'] {
    line-height: 2.6rem;
    width: 72%;
    border-radius: 0.3rem;
    border: 0.1rem solid #999999;
    font-size: 1.8rem;
    padding: 0.2rem 1rem;
    color: green;
}

::ng-deep #invoke-save-dialog label {
    margin: 0 1rem;
}

::ng-deep #invoke-save-dialog .button-row .selector {
    margin-right: 2rem;
}
